<div class="split1">
<div>
<label class="control-label" style="float:left;padding:5px;">จาก</label> 
 <input style="width:140px;float:left;" class="form-control" id="money_month1" name="money_month1" /><label class="control-label" style="float:left;padding:5px;">ถึง</label> 
 <input style="width:140px;float:left;" class="form-control" id="money_month2" name="money_month2" />
<button class="btn btn-warning" onClick="Javascript:save_learn();">ค้นหา</button></div>
<div id="divsave">
</div>
</div>
<div class="split2"><div id="divsave2">
</div></div>
<script>
function save_learn(){
if($("#money_month1").val()==""){alert("กรุณาเลือกวันเริ่มต้น");return false;}
if($("#money_month2").val()==""){alert("กรุณาเลือกวันสิ้นสุด");return false;}
if($("#money_month2").val()<$("#money_month1").val()){alert("ช่วงวันเวลาไม่ถูกต้อง");return false;}
$.ajax({
url:"admin/money_struct2.php?start="+$("#money_month1").val()+"&stop="+$("#money_month2").val()
,success:function(res){
$("#divsave").html(res);
}
});
}

$(function(){
var d=new Date();
			/* 
			 * กำหนดวันที่ปัจจุบัน (วันนี้) toDay
			 * โดยปกติ ปีจะเป็น  ค.ศ.   จึงต้อง + 543  ให้เป็น พ.ศ. ก่อน
			 */ 
			//var toDay = d.getDate() + '/' + (d.getMonth()+1) + '/' + (d.getFullYear());
			// กำหนดช่วงปี ที่แสดงผล
			
			var thisYear = (d.getFullYear()); // กำหนดปีปัจจุบัน
			var firstYear = (d.getFullYear()-1); // ปีแรกที่แสดง
			/*
			 * กำหนด Selector จาก ID ของ Textbox ที่ต้องการให้เป็น Datepicker
			 * $( "กำหนด ID ของช่อง Textbox").datepicker({ ...
			 * เช่น <input type="text" name="dp1" id="dp1">  (id="dp1")
			 * $("#dp1").datepicker({ ...
			 */
			$( "#money_month1" ).datepicker({
				
				yearRange: firstYear+":"+thisYear, // กำหนดช่วงปี  จากที่กำหนดด้านบน
				//defaultDate: toDay , // กำหนดวันที่ปัจจุบัน
				// กำหนดวัน เป็นภาษาไทย
				dayNames: ['อาทิตย์','จันทร์','อังคาร',
						'พุธ','พฤหัสบดี','ศุกร์','เสาร์'],
				// กำหนดวัน ตัวย่อ เป็นภาษาไทย
				dayNamesMin: ['อา.','จ.','อ.','พ.','พฤ.','ศ.','ส.'],
				// กำหนดเดือน เป็นภาษาไทย
				monthNames: ['มกราคม','กุมภาพันธ์','มีนาคม',
						'เมษายน','พฤษภาคม','มิถุนายน',
						'กรกฎาคม','สิงหาคม','กันยายน',
						'ตุลาคม','พฤศจิกายน','ธันวาคม'],
				// กำหนดเดือนตัวย่อ เป็นภาษาไทย
				monthNamesShort: ['ม.ค.','ก.พ.','มี.ค.','เม.ย.',
						 'พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.',
						 'พ.ย.','ธ.ค.'],
				changeMonth: true, // สามารถเปลี่ยน/เลือก เดือนได้  (True/False)
				changeYear: true, // สามารถเปลี่ยน/เลือก ปีได้   (True/False)
				/*
				 * กำหนดรูปแบบวันที่ ที่ขึ้นบน Text
				 * d = วันที่  ;  m = เดือน  ; y = ปี
				 * ตัวอย่าง  dd/mm/yy  :  7/06/14
				 */
				dateFormat: "yy-mm-dd"
			});
			
				$( "#money_month2" ).datepicker({
				
				yearRange: firstYear+":"+thisYear, // กำหนดช่วงปี  จากที่กำหนดด้านบน
				//defaultDate: toDay , // กำหนดวันที่ปัจจุบัน
				// กำหนดวัน เป็นภาษาไทย
				dayNames: ['อาทิตย์','จันทร์','อังคาร',
						'พุธ','พฤหัสบดี','ศุกร์','เสาร์'],
				// กำหนดวัน ตัวย่อ เป็นภาษาไทย
				dayNamesMin: ['อา.','จ.','อ.','พ.','พฤ.','ศ.','ส.'],
				// กำหนดเดือน เป็นภาษาไทย
				monthNames: ['มกราคม','กุมภาพันธ์','มีนาคม',
						'เมษายน','พฤษภาคม','มิถุนายน',
						'กรกฎาคม','สิงหาคม','กันยายน',
						'ตุลาคม','พฤศจิกายน','ธันวาคม'],
				// กำหนดเดือนตัวย่อ เป็นภาษาไทย
				monthNamesShort: ['ม.ค.','ก.พ.','มี.ค.','เม.ย.',
						 'พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.',
						 'พ.ย.','ธ.ค.'],
				changeMonth: true, // สามารถเปลี่ยน/เลือก เดือนได้  (True/False)
				changeYear: true, // สามารถเปลี่ยน/เลือก ปีได้   (True/False)
				/*
				 * กำหนดรูปแบบวันที่ ที่ขึ้นบน Text
				 * d = วันที่  ;  m = เดือน  ; y = ปี
				 * ตัวอย่าง  dd/mm/yy  :  7/06/14
				 */
				dateFormat: "yy-mm-dd"
			});

});

function link_tb(temp){
var iur=3;
if(temp==1){iur=4;}
$.ajax({
url:"admin/money_struct"+iur+".php?start="+$("#money_month1").val()+"&stop="+$("#money_month2").val(),
success:function(respa){
$(".split1").hide();
$("#divsave2").html(respa);
$(".split2").show();
}
});
return false;
}

</script>

